<%@ taglib uri="/struts-tags" prefix="s"%>

<!-- Go to www.addthis.com/dashboard to customize your tools -->
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-5462c7452d4a2724" async="async"></script>

<section class="background-page">
	<div class="row padding-top">
		<aside class="column custom-side-column">
			<div>
				<ul class="no-bullet">
					<div>
						<a href="" onclick="window.history.back()"><li
							class="white-box"><p>
									<i class="fa fa-chevron-left chevron-arrow"></i>Back to
									Listings
								</p></li></a>
					</div>
				</ul>
			</div>
			<s:if test="visitor.id != 0">
				<div id="contact-large">
					<div
						class="box-shadow background-light-green margin-bottom clearfix">
						<div
							class="padding clearfix background-green border-bottom heading-padding">
							<h3 class="inverse no-margin-top no-margin-bottom">
								<i class="fa fa-check"></i> Request Sent
							</h3>
						</div>
						<div class="padding">
							<p>Your message has successfully been sent to the seller.</p>
							<p>The seller will reply to you shortly using one of the
								contact methods you provided.</p>
						</div>
					</div>
				</div>
			</s:if>
			<s:else>
				<div id="contact-large">
					<div class="background-white clearfix">
						<div
							class="background-off-white padding clearfix border-bottom heading-padding">
							<h3 class="no-margin-top no-margin-bottom">Contact Seller</h3>
							<p class="middle no-margin">
								<em>About this Equipment</em>
							</p>
						</div>
						<div class="alt-padding content-padding no-padding-bottom">
							<s:form method="post" action="saving" namespace="/"
								cssClass="custom ng-pristine ng-valid" theme="simple">
								<div id="rp_inquiry" class="form-widget">
									<div class="form-row rp_inquiry_inquiringName">
										<label for="rp_inquiry_inquiringName" class="required">Your
											Name</label>
										<div id="rp_inquiry_inquiringName"
											class="form-widget">
											<s:textfield id="rp_inquiry_inquiringName"
												name="visitor.name" required="true" />
										</div>
										<div rel="rp_inquiry_inquiringName" class="helper required "></div>
									</div>
									<div class="form-row rp_inquiry_inquiringEmail">
										<label for="rp_inquiry_inquiringEmail" class="required">Your
											Email</label>
										<div id="rp_inquiry_inquiringEmail"
											 class="form-widget">
											<s:textfield id="rp_inquiry_inquiringEmail"
												name="visitor.email" required="true"
											/>
										</div>
										<div rel="rp_inquiry_inquiringEmail" class="helper required "></div>
									</div>
									<div class="form-row rp_inquiry_inquiringPhone">
										<label for="rp_inquiry_inquiringPhone" class="required">Your
											Phone #</label>
										<div id="rp_inquiry_inquiringPhone"
											class="form-widget">
											<s:textfield id="rp_inquiry_inquiringPhone"
												name="visitor.phone" required="true"
												 />
										</div>
										<div rel="rp_inquiry_inquiringPhone" class="helper required "></div>
									</div>
									<div class="form-row rp_inquiry_message">
										<label class="required">Your Message</label>
										<div id="rp_inquiry_message" class="form-widget">
											<div class="form-row rp_inquiry_message_body">
												<label for="rp_inquiry_message_body" class="required">Body</label>
												<div id="rp_inquiry_message_body" class="form-widget">
													<s:textarea id="rp_inquiry_message_body"
														name="visitor.message" required="true" />
												</div>
												<div rel="rp_inquiry_message_body" class="helper required "></div>
											</div>
										</div>
										<div rel="rp_inquiry_message" class="helper required "></div>
									</div>
									<div class="form-row button-row">
										<button type="submit" id="rp_inquiry_submit" name="submit"
											class="button small">Send Message</button>
									</div>
									<div id="rp_inquiry__token" class="form-widget">
										<input type="hidden" id="rp_inquiry__token" name="postId"
											value="${ post.id }">
									</div>
								</div>
							</s:form>
						</div>
					</div>
				</div>
			</s:else>
		</aside>

		<article class="column custom-main-column">
			<div class="row collapse">
				<div
					class="column large-12 box-shadow background-white margin-bottom">
					<div
						class="row extra-small-padding-top small-padding-left-large small-margin-bottom">
						<s:if test="%{post.featured}">
							<h6
								class="background-intense no-margin-bottom inverse text-center ">FEATURED
								PRODUCT</h6>
						</s:if>
						<div class="row">
							<div class="column large-12">
								<h2>
									<s:property value="post.title" />
								</h2>
							</div>
						</div>
						<div
							class="column large-7 medium-7 small-12 no-padding-left small-padding-top-medium">

							<div id="listing-images" class="flexslider">

								<div class="flex-viewport"
									style="overflow: hidden; position: relative;">
									<ul class="slides"
										style="width: 3600%; -webkit-transition: 0s; transition: 0s; -webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px);">
										<s:iterator value="post.photos" var="lphoto" status="status">
												<s:if test="#lphoto.dimension == 'L'">
													<li class="flex-active-slide"
														style="width: 440px; float: left; display: block;"><img
														src="${ lphoto.URL }" alt="photo 1rv.jpg"
														draggable="false"></li>
												</s:if>
										</s:iterator>
									</ul>
								</div>
								<ul class="flex-direction-nav">
									<li><a class="flex-prev flex-disabled" href="#"
										tabindex="-1"></a></li>
									<li><a class="flex-next" href="#"></a></li>
								</ul>
							</div>

							<div id="listing-images-carousel" class="flexslider carousel">

								<div class="flex-viewport"
									style="overflow: hidden; position: relative;">
									<ul class="slides"
										style="width: 3600%; -webkit-transition: 0s; transition: 0s; -webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px);">
										<s:iterator value="post.photos" var="sphoto" status="status">
												<s:if test="#sphoto.dimension == 'S'">
													<li class="flex-active-slide"
														style="width: 80px; float: left; display: block;"><img
														src="${ sphoto.URL }" alt="photo 1rv.jpg"
														draggable="false"></li>
												</s:if>
										</s:iterator>
									</ul>
								</div>
								<ul class="flex-direction-nav">
									<li><a class="flex-prev flex-disabled" href="#"
										tabindex="-1"></a></li>
									<li><a class="flex-next" href="#"></a></li>
								</ul>
							</div>

						</div>

						<s:if test="visitor.id != 0">
							<div id="listing-form">
								<div
									class="box-shadow background-light-green margin-bottom clearfix">
									<div
										class="padding clearfix background-green border-bottom heading-padding">
										<h3 class="inverse no-margin-top no-margin-bottom">
											<i class="fa fa-check"></i> Request Sent
										</h3>
									</div>
									<div class="padding">
										<p>Your message has successfully been sent to the seller.</p>
										<p>The seller will reply to you shortly using one of the
											contact methods you provided.</p>
									</div>
								</div>
							</div>
						</s:if>
						<s:else>
							<div id="listing-form"
								class="column large-5 medium-5 small-12 no-padding-left">
								<div class="background-white clearfix">
									<div
										class="background-off-white padding clearfix border-bottom heading-padding">
										<h3 class="no-margin-top no-margin-bottom">Contact Seller</h3>
										<p class="middle no-margin">
											<em>About this Equipment</em>
										</p>
									</div>


									<div class="alt-padding content-padding no-padding-bottom">
										<s:form method="post" action="saving" namespace="/"
											cssClass="custom ng-pristine ng-valid" theme="simple">
											<div id="rp_inquiry" class="form-widget">
												<div class="form-row rp_inquiry_inquiringName">
													<label for="rp_inquiry_inquiringName" class="required">Your
														Name</label>
													<div id="rp_inquiry_inquiringName" 
														class="form-widget">
														<input type="text" id="rp_inquiry_inquiringName"
															name="visitor.name" required >
													</div>
													<div rel="rp_inquiry_inquiringName"
														class="helper required "></div>
												</div>
												<div class="form-row rp_inquiry_inquiringEmail">
													<label for="rp_inquiry_inquiringEmail" class="required">Your
														Email</label>
													<div id="rp_inquiry_inquiringEmail"
														 class="form-widget">
														<input type="text" id="rp_inquiry_inquiringEmail"
															name="visitor.email" required
															>
													</div>
													<div rel="rp_inquiry_inquiringEmail"
														class="helper required "></div>
												</div>
												<div class="form-row rp_inquiry_inquiringPhone">
													<label for="rp_inquiry_inquiringPhone" class="required">Your
														Phone #</label>
													<div id="rp_inquiry_inquiringPhone"
														 class="form-widget">
														<input type="text" id="rp_inquiry_inquiringPhone"
															name="visitor.phone" required
															>
													</div>
													<div rel="rp_inquiry_inquiringPhone"
														class="helper required "></div>
												</div>
												<div class="form-row rp_inquiry_message">
													<label class="required">Your Message</label>
													<div id="rp_inquiry_message" class="form-widget">
														<div class="form-row rp_inquiry_message_body">
															<label for="rp_inquiry_message_body" class="required">Body</label>
															<div id="rp_inquiry_message_body" class="form-widget">
																<textarea id="rp_inquiry_message_body"
																	name="visitor.message" required></textarea>
															</div>
															<div rel="rp_inquiry_message_body"
																class="helper required "></div>
														</div>
													</div>
													<div rel="rp_inquiry_message" class="helper required "></div>
												</div>
												<div class="form-row button-row">
													<button type="submit" id="rp_inquiry_submit"
														name="rp_inquiry[submit]" class="button small">Send
														Message</button>
												</div>
												<div id="rp_inquiry__token" class="form-widget">
													<input type="hidden" id="rp_inquiry__token" name="postId"
														value="${ post.id }">
												</div>
											</div>
										</s:form>
									</div>
								</div>


							</div>
						</s:else>

						<div class="column large-5">
							<div>
								<h5>
									<i class="fa fa-calendar"></i> LISTED ON: <span
										class="normal dark"><s:date name="post.createTime"
											format="MM/dd/yyyy" /></span>
								</h5>
							</div>
							<s:if
								test="%{post.equipmentItemNumber != null && post.equipmentItemNumber != ''}">
								<div>
									<h5>
										<i class="fa fa-barcode"></i> ITEM #: <span
											class="normal dark"><s:property
												value="post.equipmentItemNumber" /></span>
									</h5>
								</div>
							</s:if>


							<s:if
								test="%{post.equipmentLocation != null && post.equipmentLocation != ''}">
								<div>
									<h5>
										<i class="fa fa-map-marker"></i>LOCATION: <span
											class="normal dark"><s:property
												value="post.equipmentLocation" /></span>
									</h5>
								</div>
							</s:if>

							<s:if
								test="post.equipmentManufacturer != null && post.equipmentManufacturer != ''">
								<div>
									<h5>
										<i class="fa fa-flag-o"></i>MAKE: <span class="normal dark"><s:property
												value="post.equipmentManufacturer" /></span>
									</h5>
								</div>
							</s:if>

						</div>
					</div>


					<div class="row more-margin-bottom">
						<div class="column large-12">


							<hr class="little-margin-bottom extra-small-margin-top">
							<div class="row">

								<div class="column large-12 no-padding-left">
									<div>
										<h5 class="no-margin-bottom no-margin-top">
											<i class="fa fa-info-circle"> </i>DESCRIPTION
										</h5>
										<p>
											<s:property value="post.equipmentDescription" escape="false"/>
										</p>
									</div>

								</div>
							</div>



							<div class="padding-bottom"></div>
						</div>
					</div>
				</div>
			</div>
			<s:if test="visitor.id != 0">
				<div id="contact-small">
					<div
						class="box-shadow background-light-green margin-bottom clearfix">
						<div
							class="padding clearfix background-green border-bottom heading-padding">
							<h3 class="inverse no-margin-top no-margin-bottom">
								<i class="fa fa-check"></i> Request Sent
							</h3>
						</div>
						<div class="padding">
							<p>Your message has successfully been sent to the seller.</p>
							<p>The seller will reply to you shortly using one of the
								contact methods you provided.</p>
						</div>
					</div>
				</div>
			</s:if>
			<s:else>
				<div id="contact-small">
					<div class="background-white clearfix">
						<div
							class="background-off-white padding clearfix border-bottom heading-padding">
							<h3 class="no-margin-top no-margin-bottom">Contact Seller</h3>
							<p class="middle no-margin">
								<em>About this Equipment</em>
							</p>
						</div>


						<div class="alt-padding content-padding no-padding-bottom">
							<s:form method="post" action="saving" namespace="/"
								cssClass="custom ng-pristine ng-valid" theme="simple">
								<div id="rp_inquiry" class="form-widget">
									<div class="form-row rp_inquiry_inquiringName">
										<label for="rp_inquiry_inquiringName" class="required">Your
											Name</label>
										<div id="rp_inquiry_inquiringName" 
											class="form-widget">
											<input type="text" id="rp_inquiry_inquiringName"
												name="visitor.name" required >
										</div>
										<div rel="rp_inquiry_inquiringName" class="helper required "></div>
									</div>
									<div class="form-row rp_inquiry_inquiringEmail">
										<label for="rp_inquiry_inquiringEmail" class="required">Your
											Email</label>
										<div id="rp_inquiry_inquiringEmail"
											 class="form-widget">
											<input type="text" id="rp_inquiry_inquiringEmail"
												name="visitor.email" required
												>
										</div>
										<div rel="rp_inquiry_inquiringEmail" class="helper required "></div>
									</div>
									<div class="form-row rp_inquiry_inquiringPhone">
										<label for="rp_inquiry_inquiringPhone" class="required">Your
											Phone #</label>
										<div id="rp_inquiry_inquiringPhone"
											class="form-widget">
											<input type="text" id="rp_inquiry_inquiringPhone"
												name="visitor.phone" required >
										</div>
										<div rel="rp_inquiry_inquiringPhone" class="helper required "></div>
									</div>
									<div class="form-row rp_inquiry_message">
										<label class="required">Your Message</label>
										<div id="rp_inquiry_message" class="form-widget">
											<div class="form-row rp_inquiry_message_body">
												<label for="rp_inquiry_message_body" class="required">Body</label>
												<div id="rp_inquiry_message_body" class="form-widget">
													<textarea id="rp_inquiry_message_body"
														name="visitor.message" required></textarea>
												</div>
												<div rel="rp_inquiry_message_body" class="helper required "></div>
											</div>
										</div>
										<div rel="rp_inquiry_message" class="helper required "></div>
									</div>
									<div class="form-row button-row">
										<button type="submit" id="rp_inquiry_submit"
											name="rp_inquiry[submit]" class="button small">Send
											Message</button>
									</div>
									<div id="rp_inquiry__token" class="form-widget">
										<input type="hidden" id="rp_inquiry__token" name="postId"
											value="${ post.id }">
									</div>
								</div>
							</s:form>
						</div>
					</div>
				</div>
			</s:else>

			<div
				class="row background-large-blue box-shadow collapse margin-bottom relative">
				<div class="background-dark-blue-transparent half-full"></div>
				<div
					class="column large-6 text-center above show-background-small background-dark-blue-transparent">
					<h3
						class="inverse extra-small-padding-top extra-extra-small-padding-bottom">
						<em>List Your Products with Us!</em>
					</h3>
					<s:url action="uploading" namespace="" var="step1" />
					<s:a href="%{step1}" cssClass="button orange">Sell Your Equipment</s:a>
				</div>
				<div class="column large-6 text-center">
					<h3
						class="extra-small-padding-top extra-extra-small-padding-bottom">
						<em>See what else we have to offer!</em>
					</h3>
					<a href="http://www.shiplanet.com" class="button blue">Signup</a>
				</div>
			</div>
		</article>
	</div>
</section>
